@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;font-family: "Microsoft YaHei";list-style: none;-webkit-list-style: none}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block}
body{font-family: "微软雅黑";font-size: 16px;-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%;min-width: 1320px;color: #333;overflow-x: hidden;}
ul, ol{list-style-type: none;}
blockquote, q{quotes: none;}
a{color: #333;text-decoration: none;}
a:hover{color: red;}
body{min-width:1300px;}
.clearfix{content: '';height: 0px;display: block;clear: both;}
img{border: 0;}
img::selection{background-color: transparent;} img::-moz-selection{background-color: transparent;}
*, *:before, *:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
i, em{font-style: normal;}
em, cite, i{font-style: normal;}
span, b, i, em{font-style: normal;}
h1,h2,h3,b,strong{font-weight: normal;}
p{line-height:1.8;}
.clearfix:after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}
.wid{width:1200px;margin-left: auto;margin-right: auto;}
.fl{float: left}
.fr{float: right}
.mt80{margin-top: 80px}
.m80{margin-top: 80px;margin-bottom: 80px;}
.m30{margin-top: 30px;margin-bottom: 30px}
.mt30{margin-top: 30px}
.mb30{margin-bottom: 30px;}
.pt30{padding-top: 30px}
.pa30{padding: 30px 0}
.ml15{margin-left: 15px}
.m100{margin-top: 100px;margin-bottom: 100px;}
.pt60{padding-top: 60px}
.p30{padding: 30px 0}
.p50{padding: 50px 0}
.m50{margin-top: 50px;margin-bottom: 50px;}
.mb50{margin-bottom: 50px}
.pa20{padding: 20px 0}
.p10{padding: 10px 0}
/*top*/
.top{padding: 10px 0;}
.top marquee{width:500px;}
.xian{width: 100%;height: 1px;background: #ccc;}
.top a{color: #666;}
/* nav*/
.nav_bg{background:#0858b1;height:50px;}
nav li{width: 150px;height: 50px;line-height: 50px;text-align: center;float: left;position: relative;transition: all,.5s}
nav .current{background:red;}
nav li:hover{background:red;}
nav li:hover a{color: #fff;}
nav li a{color: #fff;display: block;}
nav li .sub_nav{position: absolute;top: 50px;width: 150px;text-align: center;color: #fff;display: none;z-index:50;}
nav li .sub_nav p a{color: #fff;background: #fff;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border-bottom: 1px solid #ccc;color:#000}
nav li .sub_nav p a:hover{background:#0858b1;color: #fff;border-color:#0858b1}
/*banner*/
.flexslider{position:relative; overflow:hidden;background:#000 url(../img/loading.gif) 50% no-repeat; z-index:10;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flexslider .slides .s1{ background:url(../img/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../img/ban02.jpg) 50% center no-repeat;}
.flexslider .slides .s3{ background:url(../img/ban03.jpg) 50% center no-repeat;}
.flexslider .slides .s4{ background:url(../img/ban04.jpg) 50% center no-repeat;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}
/*index*/
.index_tit{position:relative;width:100%;height: 54px;margin: 0 auto 20px;color: #22479b;font-size: 20px;line-height: 54px;text-align: left;font-weight: bold;background: url(../img/index_33.png) left bottom no-repeat;border-bottom: #ddd 1px solid;}
.pro_nav li{width:190px;margin:5px;background: #eeeeee;float: left;text-align: center;height: 50px;line-height: 50px;border-radius:4px;transition: all,.5s;}
.pro_nav li:hover{background: #0858b1;}
.pro_nav li:hover a{color: #fff;}
.pro_nav li a{display: block;}
/*产品*/
.pro_box li{width:290px;margin-right: 10px;float: left;margin-bottom: 20px;}
.pro_box li img{width:280px;padding: 5px;border: 1px dashed #ccc;}
.pro_box li .tit{text-align: center;background: #eee;height: 40px;line-height:40px;width: 280px;transition: all,.3s;}
.pro_box li:hover .tit{background:#0858b1;color: #fff;}
/*关于我们*/
.index_about .index_tit .more{color: #666;font-size: 14px;font-weight: normal;}
.index_about .left{width:900px;}
.index_about .main{font-size: 14px;}
.index_about .fr img{width:280px;margin-top: 40px;}
/*优势*/
.youshi{background:#f0f0f0;padding:50px;margin: 50px auto;}
.advantage{width:1200px;margin: 0 auto;}
.advantage .tit{ margin-bottom:35px;}
.advantage .part1{background:url(../img/ad1.jpg) no-repeat center top;height: 300px;padding-right: 650px;}
.advantage .part2{background:url(../img/ad2.jpg) no-repeat center top;height: 300px;padding-left: 640px;margin: 20px 0;}
.advantage .part3{background:url(../img/ad3.jpg) no-repeat center top;height: 340px;}
.advantage .part4{background:url(../img/ad4.jpg) no-repeat center top;height:220px;padding-left: 650px;}
.advantage h2{font:bold 28px/24px "微软雅黑";margin-bottom:30px;padding-left: 40px;}
.part1 h2{padding-left: 70px;}
.part3 h2{padding-left: 60px;}
.advantage h2 span{ font:normal 12px/20px "Times New Roman", Times, serif; color:#aaa;}
.advantage p{padding-left:20px;font:normal 16px/32px "微软雅黑";color:#666;background: url(../img/xx.jpg) no-repeat left 10px;}
.youshi .red{color: red;font-weight: bold;font-size: 16px;}
/*新闻资讯*/
.new_box h1{font-size:18px;color: #333;font-weight: bold;line-height: 2;}
.new_box li{width: 590px;padding: 10px;float: left;margin-right: 20px;}
.new_box li:nth-child(even){margin-right: 0;}
.new_box li .xian{margin: 20px 0;}
.new_box h1 span{font-weight: normal;color: #666;}
.new_box p{font-size: 14px;}
/*link*/
.link{width:1200px;height: 60px;background: url(../img/link.jpg) no-repeat left center;border: 2px solid #eee;line-height: 60px;box-sizing: border-box;margin: 40px auto;}
.link a{color:#666;float: left;max-width: 100px;margin: 0 30px;}
.link a:hover{color: red;}
.link a:nth-child(1){margin-left:250px;}
/*about内页*/
.left_nei{width:220px;}
.left_nei .tit_class,.newcont .main-left-title{background: #01adee;color: #fff;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;font-weight: bold}
.left_nei .sub_class li{color: #333;padding:10px;border-bottom: 1px solid #e8e8e8;font-size: 14px;padding-left:30px;background: url(../img/nohover.gif) no-repeat right 20px center #f7f7f7}
.left_nei .sub_class li:hover{background: url(../img/hover.gif) no-repeat right 20px center #eee}
.left_nei .sub_class li a{display: block}
.left_nei .sub_class li:hover a{color:#01adee;}
.left_nei .current{background: url(../img/hover.gif) no-repeat right 20px center #eee}
.left_nei .current a{color:#01adee;}

.newcont{ margin-top:30px;}
.newcont  dl dd{ line-height:33px; font-size:14px; border-bottom:#ddd 1px solid;}

/*当前位置*/
.posi h4{text-align: left;font-size: 18px}
.posi span{text-align: right;font-size: 14px;color: #999}
/*右侧*/
.right_nei{width:960px}
.xian{width: 100%;height: 1px;background: #eee;margin-top:20px}
/*main_nei*/
.new_nei h1{font-size: 18px;color: #333;line-height: 2;font-weight: normal}
.new_nei p{font-size: 14px;color: #999;line-height: 2}
/*page*/
.m-page{text-align: right;font-size: 0;height: 38px;line-height: 38px;padding-right: 10px;margin-top: 30px;}

.m-page a, .m-page li{display: inline-block;font-size: 15px;background-color: #fff;padding: 0px 13px;height: 36px;overflow: hidden;text-align: center;border: 0px #ddd solid;color: #333;font-family: Arial;margin-left: 5px;border: 1px solid #ccc;vertical-align: top;}
.m-page li{display: inline;color: #333;border:none;margin:0;padding:0}

.m-page .thisclass{background: #01adee;color: #fff;padding: 0px 13px;height: 36px;margin-left: 5px;display: inline-block;}
.m-page a.next, .m-page a.prev{font-family: Arial;font-size: 16px;font-weight: 700;}
.m-page a:hover, .m-page li.thisclass a{background-color: #01adee;color: #fff;}
.m-page span{font-size: 14px;padding-right: 10px;}
/*abou内页*/
.main_body p{line-height: 2;padding: 10px;}
/*new_article*/
.main_body h1{text-align: center;;font-size:20px;line-height: 2;}
.main_body img{max-width:960px;}
.main_body .new_article p{font-size: 14px;}
.main_body .date{font-size: 12px;line-height: 1.8;color: #666;text-align:center;display: inherit;line-height: 2;}
.main_body .nei_img{max-width: 400px;margin: 20px auto;display: block;}
/*pro内页*/
.pro_nei{width: 100%;;}
.pro_nei li{width: 310px;margin:5px;float: left;}
.img_box{width: 310px;height: 248px;overflow: hidden;}
.pro_nei li img{width: 310px;height: 248px;transition: all .6s;}
.pro_nei li img:hover{transform: scale(1.2,1.2);}
.pro_nei li:hover .pro_tit a{background: #007ad0;color: #fff}
.pro_tit{text-align: center;height: 40px;line-height: 40px;background: #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* padding:5px; */}
.pro_tit a{display: block;width: 310px;text-overflow:ellipsis;white-space:nowrap;transition:all,.5s}
/*nei_ban*/
.about_ban{height: 300px;background: url(../img/about_ban.jpg) no-repeat center center;}
.pro_ban{height: 300px;background: url(../img/pro_ban.jpg) no-repeat center center;}
.new_ban{height: 300px;background: url(../img/new_ban.jpg) no-repeat center center;}
/*首页滚动*/
#demo ul li{ width:293px; float:left; margin-left:15px; text-align:center;  border:#ddd 1px solid; background:#fbfbfb;}

#demo{overflow:hidden; width:1200px; display: inline; float:left;margin: 30px 0;}

#indemo{float: left;width: 1000%;}

#demo1,#demo2{float:left;}

#demo1 a,#demo2 a{cursor:pointer;}

#demo ul li img{ width:293px; height:293px;}

/*产品详情*/
.art_img img{width: 400px;;}
.art_con{width: 500px;text-align:left;}
.art_con .date{text-align:left;}
.art_con p{line-height:1.5;border-bottom: 1px solid #eee;color: #666;}
.art_con h1{text-align:left;}
.xq{width: 100%;height:80px;line-height: 50px;color: #fff;font-size: 18px;background:url(../img/xiangqing.jpg) no-repeat left center;text-indent: 7%;/* font-weight: bold; */margin-top: 20px;font-size: 30px;}
.zixun{width:180px;height: 40px;background: #fa0;margin-top: 20px;color: #fff;text-align: center;line-height: 40px;transition: all,.6s;}
.zixun:hover{background: #f80;}
.zixun a{color:#fff;display: block;}


/*footer*/
.footer_bg{background: #333}
.foot_box{color: #fff}
.foot_box a{color: #fff}
.foot_box dl{margin:0 40px;line-height: 1.8}
.foot_box dt{opacity:1}
.foot_box dd{opacity: .8;font-size: 14px}
.foot_box .wx{text-align: center;line-height: 2;font-size: 14px}
.bottom{background: #2e2e2e;color: #666;text-align: center;padding: 20px}



.c_meau{width: 120px;height:420px;position:fixed;right:10px;bottom:-420px;display:none;z-index:9999; }
.c_meau .fl{ width:125px;}
.c_meau .fl h4{width:100%;height:61px;background:yellow;color:#81511c;font-size:16px;line-height: 61px;text-align:center;font-weight:bold;}
.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:8px; cursor:pointer;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{margin: 0 0 -13px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}


@media screen and (max-device-width: 1366px)
{
 .c_meau{ margin-left:470px; z-index:100;}
}


.product{ padding:30px 0 0;}
.prolei{ background-color:#fff;width:200px; height:450px;  }

.prolei ul li,.submenu ul li{ height:45px; line-height:43px;}
.prolei .cpdt{ background: url(../img/nohover.gif) no-repeat right 20px center #f0f0f0;font:normal 16px/45px "微软雅黑"; padding-left:20px; display:block;color:#333; line-height:45px;margin:5px 0;border:1px solid #e8e8e8}
.prolei .cpdt:hover{background: url(../img/hover.gif) no-repeat right 20px center #eee;color:#01adee;}
.prolei .cpdt a{ color:#01adee;}
.prolei p a,.submenu ul li a{ width:180px; padding-left:20px; display:block; background:url(../img/cpdd.jpg) repeat-x;}.prolei p a:hover,.submenu ul li a:hover{ background:#fff;}

.index_con li{border-bottom:1px solid #e8e8e8;}
.index_con li p{text-indent:20px}
.proli{width: 965px;}
.proli h1{font:bold 18px/35px "微软雅黑";border-bottom:#ddd 1px solid;color: #007ad0;}
.proli h1 span{ font:normal 14px/35px "微软雅黑"; color:#999; float:right;}
.proli ul{height:210px;width: 100%;}
.proli ul li{width: 310px;text-align:center;margin: 10px 5px;/float:left;float: left;padding: 0;border:#ddd 1px solid;box-sizing: border-box;}
.proli ul li img{width: 310px;height: 248px;display: block;}
.proli ul li span{width: 100%;height: 40px;line-height: 40px;color: #333;background: #eee;display: block;transition: all,.5s;}
.proli ul li:hover span{background: #007ad0;color: #fff}
.prolist ul{ width:900px;}
.prolist ul li{ width:200px; text-align:center; margin:15px 15px 0 0; float:left;}
.prolist b{ font-weight:normal;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.aboutimg{ margin-right:25px;}
.about { width:600px;font-size: 14px;line-height: 2}
.about .tit,.new .tit{font:normal 18px/30px "微软雅黑";color:#007ad0;background:url(../img/titbg.jpg) repeat-x center;margin-bottom:10px;border-bottom: 1px solid #e8e8e8;font-weight: bold;}
.about .tit span,.new .tit span{ font:normal 12px/30px "微软雅黑"; color:#333; background:#fff; padding-left:10px;}
.about  p{ line-height:26px; text-indent:2em;}
.index_con li{border-bottom:1px solid #e8e8e8;}
.index_con li p{text-indent:1px;font-size: 14px;line-height: 45px}
.contact{background:#0054b6;width:230px;padding:10px;margin-right:10px;height:240px;color:#fff;font-size: 14px;}
.contact img{width:100%}
.contact div{ margin-bottom:10px;}
.contact p{ line-height:24px;}
/* 滚动案例 */
.case{ padding:30px 0; height:300px;margin-bottom: 50px}
.case .tit{font: 18px/30px "微软雅黑";margin-bottom:10px;border-bottom:#ddd 1px solid;color:#007ad0;font-weight: bold;}
.case .tit span{ float:right; font:normal 14px/30px "微软雅黑";}
#demo ul li{ width:250px; float:left; margin-left:15px; text-align:center; border:#ddd 1px solid; background:#fbfbfb;}
#demo{overflow:hidden; width:1200px;display: inline; float:left;}
#indemo{float: left;width: 1000%;}
#demo1,#demo2{float:left;}
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li img{ width:250px; height:200px;}
/* 首页新闻 */
newsList{ padding-top: 6px; padding-bottom: 12px;}
.newsListDl{
 float: left;
 width: 47%;
 height: 100px;
 border-bottom:1px solid #d5d5d5;
 margin: 1.5%;box-sizing: border-box;
 }
.newsListDl a{width: 100%;height: 90px;display:block;padding-bottom:1px;}
.newsListDl a:hover{ background: #007ad0;}
.newsListDl a:hover .title{ color: #ffffff;}
.newsListDl a:hover .intro{ color: #fff;}
.newsListDl a:hover .num{ color: #ffffff;}
.newsListDl dt{
 float: left; width: 90px; height:72px;
 color:#d2dde8; font-size:30px; padding-top:18px;font-family: impact; text-align: center;}
.newsListDl dd{float: right;width: 460px;height:90px;}
.newsListDl .title {
 width: 410px;
 height: 30px;
 display: block;
 padding-top: 18px;
 color:#666666;
 font-size:16px;
 /* line-height:30px; */
 }
.newsListDl .intro{
 width: 410px;
 /* height: 24px; */
 display: block;
 overflow: hidden;
 color:#cccccc;
 font-size: 14px;
 line-height:24px;
 margin-top: 10px;
 }
 /* main */
.wuyou-waiter{position: fixed; right: 0px; top:70%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height:50px; line-height:50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -100px; opacity: 1;}

.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }


.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }
.weixin_img{position: absolute;;top:-60px;right:-120px;width: 230px;height: 230px;background-image:url(../images/weixin.png)!important;background-repeat: no-repeat;background-position: center center;}
.waiter-ul li:hover .weixin_img{left: -260px; opacity: 1;background:none;list-style: none;}
.waiter-ul .wx .waiter-title::before{display: none}

.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }

.tel .waiter-title {position: absolute; left: 0px; bottom: 1px; color: #fff; width:250px; height: 50px; line-height: 50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-ul .tel:hover .waiter-title{left: -280px!important; opacity: 1;}


.icon_qq{background:url(../images/kefu_qq.png) no-repeat center center;}
.icon_wx{background:url(../images/kefu_wx.png) no-repeat center center;}
.icon_tel{background:url(../images/kefu_tel.png) no-repeat center center;}
.icon_top{background:url(../images/kefu_top.png) no-repeat center center;}